
<script setup>
  import { reactive } from 'vue'
  const obj = reactive({
    name: '',
    price: '',
    address: ''
  })
</script>

<template>
	<div>
    <!-- 双向绑定修饰符 -->
    <!-- lazy 当失去焦点时更新数据 -->
    名称： <input type="text" v-model.lazy="obj.name"> <br>
    <!-- number 将其尽可能去转为数字 -->
    价格： <input type="text" v-model.number="obj.price"> <br>
    <!-- trim 获取去除两边空格的数据 -->
    地址： <input type="text" v-model.trim="obj.address"> <br>
  </div>
</template>


<style scoped></style>